<template>
  <div class="jbxx">
    <div>
      <div style="margin-bottom: 15px">
        <el-button-group>
          <el-button
            v-for="item in btn_list"
            :key="item.index"
            size="small"
            :type="isNow == item.index ? 'primary' : ''"
            @click="isNow = item.index"
          >
            {{ item.name }}
            <el-tooltip
              class="item"
              effect="dark"
              :content="item.title"
              placement="bottom"
            >
              <i class="el-icon-question"></i>
            </el-tooltip>
          </el-button>
        </el-button-group>
      </div>
      <span style="display: inline-block; margin-left: 15px">责任单位：</span>
      <el-select
        filterable
        placeholder="请选择责任单位"
        size="small"
        style="width: 25%"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <span style="display: inline-block; margin-left: 15px">责任医生：</span>
      <el-select
        filterable
        placeholder="请选择责任医生"
        size="small"
        style="width: 25%"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-button
        type="primary"
        plain
        size="small"
        icon="el-icon-refresh-right"
        style="
          background-color: #fff;
          color: rgb(47, 160, 254);
          margin-left: 15px;
        "
        >重置</el-button
      >
      <el-button type="primary" size="small" icon="el-icon-search"
        >搜索</el-button
      >
    </div>
    <el-tag type="warning" style="color: #000;display: block;margin-top: 10px;">温馨提示：以下异常数据在您修改完善后，系统将在第二天再次自动质控。如符合质控要求的数据，将从下方列表中剔除；如不符合质控要求的，还会显示在下方列表中。</el-tag>
    <el-table
      :data="tableData"
      style="width: 100%; margin-top: 15px"
      :header-cell-style="{
        color: '#000',
        backgroundColor: 'rgb(222,234,255)',
      }"
      height="560"
    >
      <el-table-column
        prop="name"
        label="居民姓名"
        align="center"
        fixed="left"
      >
      </el-table-column>
      <el-table-column prop="six" label="性别" >
      </el-table-column>
      <el-table-column prop="age" label="年龄" >
      </el-table-column>
      <el-table-column prop="ys" label="责任医生" > </el-table-column>
      <el-table-column prop="ys1" label="	责任单位" >
      </el-table-column>
      <el-table-column prop="date" label="操作">
        <template slot-scope="">
          <el-button
            type="primary"
            plain
            size="mini"
            @click="dialogVisible = true"
            style="background-color: #fff; color: rgb(47, 160, 254)"
            >维护居民证件信息</el-button
          >
        </template>
      </el-table-column>
    </el-table>
    <div style="text-align: right; margin-top: 20px">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="currentPage3"
        :page-size="100"
        layout="prev, pager, next, jumper"
        :total="1000"
      >
      </el-pagination>
    </div>
    <!-- 弹层开始 -->
    <el-dialog
      title="老年人中医药健康服务"
      :visible.sync="dialogVisible"
      width="97%"
      style="margin-top: -10vh;"
      :before-close="handleClose"
      :append-to-body="true"
      :close-on-click-modal="false"
    >
      <div style="height: 65vh; overflow: auto">
        <lnrzyyjkfw></lnrzyyjkfw>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">关 闭</el-button>
        <el-button type="primary" @click="dialogVisible = false"
          >保 存</el-button
        >
      </span>
    </el-dialog>
    <!-- 弹层结束 -->
  </div>
</template>
          
          <script>
import lnrzyyjkfw from "@/views/tab_info/lnrzyyjkfw.vue";

export default {
  components: {
    lnrzyyjkfw,
  },
  data() {
    return {
      tableData: [
        {
          name: "王洛勇",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "张云龙",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "李文文",
          six: "女",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "张雨生",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
      ],
      options: [
        {
          value: "测试",
          label: "测试",
        },
      ],
      dialogVisible: false,
      btn_list: [
        {
          index: 1,
          name: "证件号码异常",
          title: "档案里记录的身份证号不符合校验标准",
        },
        {
          index: 2,
          name: "本人电话号码异常",
          title: "档案或个人信息表中联系电话超过11位或为空",
        },
        {
          index: 3,
          name: "个人基本信息空缺",
          title: "个人基本信息表中有空字段的人",
        },
        {
          index: 4,
          name: "年龄异常",
          title: "小于0岁或大于120岁",
        },
        {
          index: 5,
          name: "联系人电话异常",
          title: "家庭电话、联系人电话超过电话11位或为空",
        },
        {
          index: 6,
          name: "姓名异常",
          title: "姓名种包含有：空格或除“汉字和·”以外的其它字符",
        },
        {
          index: 7,
          name: "现住址为空",
          title: "居民健康档案封面中的现住址为空",
        },
        {
          index: 8,
          name: "户籍地址为空",
          title: "居民健康档案封面中的户籍地址为空",
        },
        {
          index: 9,
          name: "档案编号异常",
          title: "居民健康档案编码不是17位",
        },
        {
          index: 10,
          name: "同名且同生日",
          title: "全库查询，姓名和出生日期均相同，但证件号码不相同的档案",
        },
      ],
      isNow: 1,
    };
  },
  methods: {
    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>
          
          <style>
.jbxx {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}
</style>